<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/include/taglibs.jsp" %>
<html>
<head>
    <%@include file="/include/header.html" %>
    <script type="text/javascript" src="${ctx}/appjs/operatorAccount/index.js"></script>
    <link rel="stylesheet" href="${ctx}/statics/css/update.css?v=20200825">
    <link rel="stylesheet" href="${ctx}/statics/css/common.css?v=20200825">
    <link rel="stylesheet" href="${ctx}/libjs/plugins/bootstrap-table-pagejump/bootstrap-table-pagejump.css">
    <script src="${ctx}/libjs/plugins/bootstrap-table-pagejump/bootstrap-table-pagejump.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.22.0/moment-with-locales.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <link rel="stylesheet" href="${ctx}/libjs/plugins/bootStrap-table-fixed-column/bootstrap-table-fixed-columns.css">
    <script src="${ctx}/libjs/plugins/bootStrap-table-fixed-column/bootstrap-table-fixed-columns.js"></script>
    <style>
        .bootstrap-table .fixed-table-container .table thead th .th-inner {
            text-align: center !important;
        }

        .fixed-table-body-columns1 {
            width: 203px !important;
        }

        .fixed-table-toolbar {
            display: block;
            top: 0px;
            /*right: 90px;*/
            position: absolute;
            z-index: 100000;
        }
        .pagination {
            display: flex !important;
        }
    </style>
</head>

<script type="text/javascript">
    $('#topLink', window.parent.document).html(function (i, origText) {
        return '<ol class="breadcrumb">' +
            '<li class="breadcrumb-item">' +
            '<a href="">主页</a>' +
            '</li>' +
            '<li class="breadcrumb-item">' +
            '<a>财务管理</a>' +
            '</li>' +
            '<li class="breadcrumb-item">' +
            '<strong>加盟商结算列表</strong>' +
            '</li>' +
            '</ol>';
    });
    var has_edit = '';
</script>

<body class="gray-bg platformCarBrandBody">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <div class="row">
                    <label for="operatorName" style="line-height: 30px;">加盟商：</label>
                    <input id="operatorName" name="operatorName" type="text" class="form-control longInput input-distance" placeholder="请输入加盟商名称">
                    <label for="month" style="margin-left: 20px;line-height: 30px;">月份：</label>
                    <div class="input-group date" style="width:1.6rem;" id="datetimepicker">
                        <input type="text" id="month" name="month" class="timeInput form-control" style="height: 30px;" placeholder="请选择月份" />
                        <span class="input-group-addon" style="height: 30px !important;">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                    <button style="margin-left: 20px;"class="btn btn-success input-distance" onclick="operatorAccount.reLoad()">查询</button>
                    <button class="btn btn-default input-distance" style="height: 31px;" onclick="operatorAccount.reset()">重置</button>
                    <div class="pull-left search fr" style="margin-left: 100px;">
                        <button class="btn btn-success exportBtn" onclick="operatorAccount.exportOrder()">导出</button>
                    </div>
                </div>
            </div>
            <div class="table-responsive" style="z-index: 1;">
                <table id="operatorAccountTable" style="word-break:break-all;" data-pagination="true" data-mobile-responsive="true">
                </table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    operatorAccount.init();
    $(function() {
        $("#datetimepicker").datetimepicker({
            format: "YYYY-MM",
            locale: moment.locale("zh-cn"),
        });
    });
</script>
</body>
</html>
